<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"><!-- Basic -->
<head>
	<meta charset="utf-8" >
    <meta http-equiv="X-UA-Compatible" content="IE=edge">   
   
    <!-- Mobile Metas -->
<!--    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">-->

    <title>学校管理系统</title>


    <!-- 标题logo图-->
    <link rel="shortcut icon" href="/static/images/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="/static/images/apple-touch-icon.png">
    <!-- Bootstrap CSS -->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
	<!-- Site CSS -->
    <link rel="stylesheet" href="/static/css/style.css">
	<!-- Fontawesome CSS -->
    <link rel="stylesheet" href="/static/css/all.min.css">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="/static/css/responsive.css">

</head>

<body style="background: url(/static/images/login-background.jpg) no-repeat center center fixed; background-size: 100%;">
<div id="particles-js" class="main-form-box">
	<div class="md-form">
		<div class="container">
			<div class="row">
				<div class="col-md-6 offset-md-3">
					<div class="panel panel-login">
						<div class="logo-top" style="background: url(/static/images/schooldoor.jpg) no-repeat center; background-size: 100%;height: 200px">
						</div>
						<div class="panel-heading">
							<div class="row">
								<div class="col-lg-6 col-sm-6 col-xl-6">
									<a href="#" class="active" id="login-form-link">登录</a>
								</div>
								<div class="col-lg-6 col-sm-6 col-xl-6">
									<a href="#" id="register-form-link">注册</a>
								</div>
								<div class="or">OR</div>
							</div>
						</div>
						<div class="panel-body">
							<div class="row">
								<div class="col-lg-12">
<!--				登录-->
									<form id="login-form" action="/user/login.do" method="post" role="form" style="display: block;">
										<div class="form-group">
											<label class="icon-lp"><i class="fa fa-user"></i></label>
											<input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="请输入管理员用户名"  required>
										</div>
										<div  class="col-sm-4">
											<span style="color: red" th:text="${massage}"></span>
										</div>
										<div class="form-group">
											<label class="icon-lp"><i class="fa fa-passport"></i></label>
											<input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="请输入密码" required>
										</div>
										<div class="form-group">
											<div class="row">
												<div class="col-sm-6 offset-sm-3">
													<input type="submit" name="login-submit" id="login-submit" tabindex="4" class="form-control btn btn-login" value="登录">
												</div>
											</div>
										</div>
									</form>


									<form id="register-form" action="/user/enroll.do" method="post" role="form" style="display: none;">
										<div class="form-group">
											<label class="icon-lp"><i class="fas fa-user-tie"></i></label>
											<input type="text" name="userid" id="userid" tabindex="1" class="form-control" placeholder="管理员编号"  required>
										</div>

										<div class="form-group">
											<label class="icon-lp"><i class="fas fa-envelope"></i></label>
											<input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="管理员用户名"  required>
										</div>
										<div class="form-group">
											<label class="icon-lp"><i class="fas fa-key"></i></label>
											<input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="密码" required>
										</div>

										<div class="form-group">
											<label class="icon-lp"><i class="fas fa-user-tie"></i></label>
											<input type="text" name="age" id="age" tabindex="1" class="form-control" placeholder="年龄"  required>
										</div>

										<div class="form-group">
											<label class="icon-lp"><i class="fas fa-user-tie"></i></label>
											<input type="text" name="sex" id="sex" tabindex="1" class="form-control" placeholder="性别"  required>
										</div>

										<div class="form-group">
											<div class="row">
												<div class="col-sm-6 offset-sm-3">
													<input type="submit" name="register-submit" id="register-submit" tabindex="4" class="form-control btn btn-register" value="注册">
												</div>
											</div>
										</div>										
									</form>

								</div>
							</div>
						</div>
					</div>
					
					<p class="footer-company-name">Copyright © 2024 王利强、高瑞峰、周昱龙、梁瑞天、田德军.</p>
					
				</div>
			</div>
		</div>	
	</div>
	
</div>

	
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/particles.min.js"></script>
<script src="/static/js"></script>
	<script type="text/javascript">
		$(function() {
			$('#login-form-link').click(function(e) {
				$("#login-form").delay(100).fadeIn(100);
				$("#register-form").fadeOut(100);
				$('#register-form-link').removeClass('active');
				$(this).addClass('active');
				e.preventDefault();
			});
			$('#register-form-link').click(function(e) {
				$("#register-form").delay(100).fadeIn(100);
				$("#login-form").fadeOut(100);
				$('#login-form-link').removeClass('active');
				$(this).addClass('active');
				e.preventDefault();
			});
		});
		
		$('.form-group input').focus(function () {
			$(this).parent().addClass('addcolor');
		}).blur(function () {
			$(this).parent().removeClass('addcolor');
		});
		
	</script>
</body>
</html>
